﻿<?php
//This part is so the Javascript in kgrid_list_Js.php is fully protected
session_start();

if (!isset($_SESSION['accessjs'])){
$_SESSION['accessjs'] = true;
$accessjs = true;
}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <meta http-equiv="imagetoolbar" content="NO" />
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
    <META HTTP-EQUIV="Expires" CONTENT="-1"> 
    
    <link href="kgrid_list.css" rel="stylesheet" type="text/css" />
        
</head>


<!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->
<!-- The following Javascript must be changed to suit Table/View used (use kgrid_list_jsORIG.php) -->
<script language="JavaScript" src="kgrid_list_js.php">
</script>
<!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->

<!-- Use next line for TESTing above Obstructed javascript -->
<!--script type="text/javascript" src="kgrid_list_jsORIG.php">
</script>-->


<!-- Non Obstructed javascript -->
<script type="text/javascript" src="ajax_xmlhttp.js">
</script>



<!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->
<!-- Change the initial Sort criteria here -->
<body onload="initload('Start_Date desc, PK_ID')" bgcolor="White">
<!--body onload="initload('Array_Name asc, PK_ID')">-->
<!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->


<form name="form1" method="post" id="form1">


    <!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->
    <!-- Grid name -->
    <span style="POSITION: absolute; 
             LEFT: 290px;  
             TOP: 4px; 
             HEIGHT: 30px;
             WIDTH: 200px;
             BACKGROUND-COLOR: white;
             COLOR: #396DA3;
             FONT-WEIGHT: bold;
             FONT-SIZE: 14px; 
             FONT-FAMILY: arial; 
             FONT-STYLE: normal; 
             Z-INDEX: 2">  
       Array List
     </span>
     <!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->
  


    <!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->
    <!-- Search Criteria -->
    <span id="lbltext" style="display:inline;height:11px;width:115px;font-weight: normal; font-size: 12px; z-index: 100;
        left: 10px; color: black; font-style: normal; font-family: arial; position: absolute;
        top: 48px; background-color: white">
              Array Name Search:
    </span>
    <input name="textsearch" type="text" id="textsearch" tabindex="2" onkeyup="javascript: Searchit('progressbar');" 
           style="position: absolute; left: 126px; top: 46px; width: 125px;" />
    <!--&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-->
  


    <!--Reset Button using only Javascript-->
    <div style="position: absolute; left: 260px; top: 45px; z-index: 100;">
        <input id="Button344" type="button" onclick="SearchReset()" style="text-align: center"
            value="Reset" />
    </div>

    <!--Add Button using only Javascript-->
    <div style="position: absolute; left: 315px; top: 45px; z-index: 100;">
        <input id="AddButton1" type="button" onclick="Add1()" style="text-align: center; width: 60px;"
            value="Add" />
    </div>



    
    <!--Next div is for displaying actual grid table-->
    <div id="nameList2" style="position: absolute; left: 15px; top: 77px; z-index: 100">
    </div>
    

    
    <!--Next div is for Add and Update form popups-->
    <div id="overlay2">
        <div>
            <div id="iframediv" style="position: absolute; left: 45px; top: 105px; display: none;
                background-color: white; z-index: 400">
                <iframe id="iframeupd" width='600' height='300' frameborder='0' scrolling='no' src=''>
                </iframe>
            </div>
        </div>
    </div>
    

    <!--Next div is for grid Calendar popup-->
    <div id="overlayCal">
        <div>
            <div id="iframecaldiv" style="position: absolute; left: 145px; top: 105px; display: none;
                background-color: white; z-index: 400">
                <iframe id="iframecal" width='220' height='240' frameborder='0' scrolling='no' src=''>
                </iframe>
            </div>
        </div>
    </div>


    
    <!--Next 2 divs are for Progress Bar display-->
  <div id=overlayprogress style="POSITION: absolute; 
             LEFT: 1px;  
             VISIBILITY: hidden;
             TOP: 1px; 
             HEIGHT: 900px;
             WIDTH: 900px;
             Z-INDEX: 300"> 
      <img src="images/PNG_1000x1000.png" alt="" />
  </div>

   <div id="overlayprogressOLD" class="modalBackground2" style="position: absolute; left: 1px;
        visibility: hidden; top: 1px; height: 800px; width: 100%; z-index: 300">
    </div>

    <div id="pnlpopupprogress" class="updateProgress2" style="display: none; position: absolute;
        top: 250px; left: 200px; z-index: 400">
        <div align="center" style="margin-top: 12px;">
            <img src="images/simple.gif" alt="Progress" />
            <span class="updateProgressMessage">Processing ...</span>
        </div>
    </div>


    <!--Next is for doing Sorting-->
    <input name="sortget" type="hidden" id="SortDirectionGet" tabindex="-1" 
      style="position: absolute; left: 126px; top: 546px; width: 125px;" />
    



    
    <script type="text/javascript">
   //------------------------------------------------------------------------------------------------------------------------
    //DISABLE RIGHT-CLICK button - OPTIONAL
    //------------------------------------------------------------------------------------------------------------------------
    //Disable right mouse click Script
    var message="Function Disabled!";

    function clickIE()
    {
     if (event.button==2)
     {
      //alert(message);
      return false;
     }
    }

    function clickNS(e)
    {
     if (document.layers||document.getElementById&&!document.all)
     {
      if (e.which==2||e.which==3)
      {
       //alert(message);
       return false;
      }
     }
    }

     if (document.layers)
     {
      document.captureEvents(Event.MOUSEDOWN);
      document.onmousedown=clickNS;
     }
     else if (document.all&&!document.getElementById)
     {
      document.onmousedown=clickIE;
     }

     document.oncontextmenu=new Function("return false")

    //------------------------------------------------------------------------------------------------------------------------
    //END DISABLE RIGHT-CLICK button
    //------------------------------------------------------------------------------------------------------------------------
    </script>




    <p align="center">
        <span style="position: absolute; left: 570px; top: 612px; z-index: 2; font-size: 8px;
            font-family: Arial;">Copyright &copy; Kalvin Ernst 2009 </span>
    </p>


</form>
</body>


</html>
